<template>
  <div class='footer'>
    <div class="footer-row">
      <el-row :gutter="30">
        <el-col :span="8">
          <span>© 2018 ThemeLooks All rights reserved</span>
        </el-col>
        <el-col :span="8">
          <a href="http://www.beian.miit.gov.cn">蜀ICP备17037031号</a>
        </el-col>
        <el-col :span="8">
          <a :href="emailHref">联系我：{{mail}}</a>
        </el-col>
    </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PageFooter2',
  data: () => {
    return {
      mail: '1393886097@qq.com'
    }
  },
  computed: {
    emailHref: function () {
      return 'mailto:' + this.mail
    }
  }
}
</script>

<style lang="scss" scoped>
  .footer{
    width: 100%;
    padding: 20px 0;
    background-color: rgb(61,61,61);

    .footer-row{
      max-width: 1110px;
      width: 100%;
      display: block;
      margin: 0 auto;
      text-align: center;
      color: rgb(119,119,119);
      font-size: 16px;
      line-height: 16px;

      el-col, a{
        text-align: center;
        color: rgb(119,119,119);
        font-size: 16px;
        line-height: 16px;
        text-decoration: none;
      }

    }

  }

</style>
